import { GithubOutlined } from '@ant-design/icons';
import { DefaultFooter } from '@ant-design/pro-components';
import React from 'react';
const Footer: React.FC = () => {
  const currentYear = new Date().getFullYear();
  const tit = () => {
    return (
      <span>
        <GithubOutlined />
        <span style={{ marginLeft: 4 }}>项目支持</span>
      </span>
    );
  };
  return (
    <DefaultFooter
      copyright={`${currentYear} 探险之旅`}
      links={[
        {
          key: 'Ant Design Pro',
          title: 'Ant Design Pro',
          href: 'https://pro.ant.design',
          blankTarget: true,
        },
        {
          key: 'github',
          title: tit(),
          href: 'https://gitee.com/chenshuai12345/adventure',
          blankTarget: true,
        },
        {
          key: 'Ant Design',
          title: 'Ant Design',
          href: 'https://ant.design',
          blankTarget: true,
        },
      ]}
    />
  );
};

export default Footer;
